<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:76:"E:\wamp\wamp\www\serv108\public/../application/index\view\index\suggest.html";i:1553233331;}*/ ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="full-screen" content="yes" />
	    <meta name="x5-fullscreen" content="true" />
	    <meta name="browsermode" content="application" />
	    <meta name="x5-page-mode" content="app" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
       <!--css-->
       <link rel="stylesheet" href="/serv108/public/static/assetsindex/css/common.css" />
        <link rel="stylesheet" href="/serv108/public/static/assetsindex/css/tousujianyi.css" />
        <link rel="stylesheet" href="/serv108/public/static/assetsindex/font/iconfont.css">
        <script>
        	// 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。
			// 获取html节点
			var html = document.getElementsByTagName('html')[0];
			// 获取屏幕宽度
			var pageWidth=document.documentElement.clientWidth;
			//alert(pageWidth);
			// 屏幕宽度 / 固定数值 = 基准值 1rem=25px
			html.style.fontSize = pageWidth /15 + "px";
        </script>
		<title>投诉建议</title>
	</head>
	<body>
		<div id="head">
			<a href="index.html">
				<i class="iconfont icon-back"></i>
			</a>
		</div>
		<div id="biao">
			<img src="/serv108/public/static/assetsindex/imgs/750895162887452941.png">
		</div>
		<form action="<?php echo url('addsug'); ?>" method="post" enctype="multipart/form-data" onsubmit="return check()" name="fm">
		<input type="hidden" name="tid" value="1">
		<div id="first">
		<div style="width: 90%; margin: 0 auto; margin-top: 0.3rem; color:#0061BC;font-size: 0.44rem;">
							您在学校学习和生活中遇到个人不能解决的问题且没有得到相关部门的妥善解决，您可以如实填写信息并点击提交，或者发邮件至xgbyjx@neusoft.edu.cn，您的投诉身份信息我们会注意保密。<br>
							<span style="color:red">注：实名制投诉或者提供证据作为佐证材料方可受理您的投诉。</span>

		</div>
			<div id="top1">
				<textarea name="content"></textarea>
				<br />
			</div>
			
		</div>
		
		<!-- <div id="second">
			<div id="top2">
				<img src="/serv108/public/static/assetsindex/imgs/265022447802362278.png">
				<p>投诉维权</p>
			</div>
			<textarea placeholder="请简短描述问题，限30字"></textarea>
		</div> -->
		
		
		<div id="box1">
			<span>姓名：</span>
			<input type="text" name="name"/>
		</div>
		
		<div id="box2">
			<span>电话：</span>
			<input type="tel" name="tele" placeholder="*" required/>
		</div>
		<div id="box3">
			<span>邮箱：</span>
			<input type="email" name="mail" placeholder="*" required />
		</div>
		<div id="box3">
			<span>相关文件：</span>
			<input type="file" name="pic"  />
		</div>
		
		<button type="submit">提交</button>
		</form>
	<div id="bottom">
		<span>如有疑问，请联系党委学生工作部：0411-84832296、0411-8483224</span>
	</div>	
		
		<script src="/serv108/public/static/assetsindex/js/jquery-3.3.1.min.js"></script>
		<script>
		function check(){
			var name=document.fm.name.value;
			var pic=document.fm.pic.value;
			if(((pic==null) || (pic=="")) && ((name=="") || (name==null) || (name.length<2))){
				alert("请实名或者提交证据文件。");return false;
			}	return true;
		}
			$(function(){
		 //在input file内容改变的时候触发事件
    $('#filed').change(function(){
    	$('#close').append("<a href='javascript:;' class='close'>×</a>");
    //获取input file的files文件数组;
    //$('#filed')获取的是jQuery对象，.get(0)转为原生对象;
    //这边默认只能选一个，但是存放形式仍然是数组，所以取第一个元素使用[0];
      var file = $('#filed').get(0).files[0];
    //创建用来读取此文件的对象
      var reader = new FileReader();
    //使用该对象读取file文件
      reader.readAsDataURL(file);
    //读取文件成功后执行的方法函数
      reader.onload=function(e){
    //读取成功后返回的一个参数e，整个的一个进度事件
        console.log(e);
    //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
    //的base64编码格式的地址
        $('#xianshi').get(0).src = e.target.result;
        //$('#name').get(0).innerHTML=e.target.result;
     }
    })
    $('#close').click(function(){
    	 $('#xianshi').get(0).src ='';
    	 $('#close').hide();
    })
//  $('#fb').click(function(){
//  	alert('发布成功');
//  	location.href="st.html";
//  })
	})
		</script>
	</body>
</html>